
<html><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width">
    <title>招募令</title>
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" type="text/css" href="http://tmall.fc62.com/mobile/themesmobile/68ecshopcom_mobile/css/zhaomu.css"/>
    <script type="text/javascript" src="http://tmall.fc62.com/mobile/themesmobile/68ecshopcom_mobile/js/layer_mobile/layer.js"></script>
    <link rel="stylesheet" type="text/css" href="http://tmall.fc62.com/mobile/themesmobile/68ecshopcom_mobile/css/layer.css" />
    <script src="http://tmall.fc62.com/mobile/themesmobile/68ecshopcom_mobile/js/jquery.1.9.1.js"></script>
    <script type="text/javascript" src="http://tmall.fc62.com/mobile/themesmobile/68ecshopcom_mobile/js/rem.js"></script>
    <script type="text/javascript" src="http://tmall.fc62.com/mobile/themesmobile/68ecshopcom_mobile/js/address_select/mobileSelect.js"></script>
    <link rel="stylesheet" type="text/css" href="http://tmall.fc62.com/mobile/themesmobile/68ecshopcom_mobile/js/address_select/mobileSelect.css" />
</head>
<body class="body_tj">
<div id="tbh5v0">
    <img style="width: 100%;" src="http://tmall.fc62.com/mobile/themesmobile/68ecshopcom_mobile/images/zmtop.jpg"/>
    <div class="addressmone">
        <ul>
            <li style="position: relative;">
                <p class="form_con">申请城市 <span style="color: #ff0000;">*</span></p>
                <p class="title_info">请选择您想申请的城市</p>
                <div id="trigger4" class="trigger4" style="text-indent:0.5em;display: inline-block;border: 1px solid #ccc;width: 100%;height: 35px;line-height: 35px;border-radius: 5px;overflow: hidden;">
                    <span style="color: #666;">请选择</span>
                </div>
                <img style="position: absolute;bottom: 0.3rem;left: 92%;width: 0.26rem;height: 0.13rem;" src="http://tmall.fc62.com/mobile/themesmobile/68ecshopcom_mobile/images/tj.png"/>
                <input type="hidden" name="" id="sheng" value="" />
                <input type="hidden" name="" id="shi" value="" />
                <input type="hidden" name="" id="xian" value="" />
            </li>
            <li>
                <p class="form_con">申请形式 <span style="color: #ff0000;">*</span></p>
                <p class="title_info">请选择您要申请全职或兼职</p>
                <input type="radio" name="apply1" id="yes1" value="全职" checked />
                <label for="yes1" style="margin-right: 0.75rem;">全职</label>
                <input type="radio" name="apply1" id="no1" value="兼职" style="margin-left: 1rem;" />
                <label for="no1">兼职</label>
            </li>
            <li>
                <p class="form_con" style="margin-bottom: 0.2rem;">是否在申请城市拥有家长资源 <span style="color: #ff0000;">*</span></p>
                <input type="radio" name="apply2" id="yes2" value="是" checked />
                <label  for="yes2">是</label>
                <input type="radio" name="apply2" id="no2" value="否" style="margin: 0.2rem 0 0 1rem;" />
                <label for="no2">否</label>
            </li>
            <li>
                <p class="form_con" style="margin-bottom: 0.2rem;">是否具备相关的市场推广经验 <span style="color: #ff0000;">*</span></p>
                <input type="radio" name="apply3" id="yes3" value="是" checked />
                <label  for="yes3">是</label>
                <input type="radio" name="apply3" id="no3" value="否" style="margin: 0.2rem 0 0 1rem;" />
                <label for="no3">否</label>
            </li>
            <li>
                <p class="form_con">联系人 <span style="color: #ff0000;">*</span></p>
                <p class="title_info">请填写姓名或昵称</p>
                <input type="text" name="consignee" value="" id="name" >
                <img src="http://tmall.fc62.com/mobile/themesmobile/68ecshopcom_mobile/images/form_03.jpg"/>
            </li>
            <li>
                <p class="form_con">联系电话 <span style="color: #ff0000;">*</span></p>
                <input type="number" pattern="[0-9]*" name="" id="tel" value="" />
                <img src="http://tmall.fc62.com/mobile/themesmobile/68ecshopcom_mobile/images/form_06.jpg"/>
            </li>
            <li>
                <p class="form_con">微信 <span style="color: #ff0000;">*</span></p>
                <p class="title_info">请填写您的微信号（确保可以添加）</p>
                <input type="text" name="weixin" value="" id="weixin" >
                <img src="http://tmall.fc62.com/mobile/themesmobile/68ecshopcom_mobile/images/form_08.jpg"/>
            </li>
            <li>
                <p class="form_con">邮箱</p>
                <input type="email" name="email" value="" id="email" >
                <img src="http://tmall.fc62.com/mobile/themesmobile/68ecshopcom_mobile/images/form_11.png"/>
            </li>
            <li>
                <p class="form_con">其他信息</p>
                <p class="title_info">其他希望我们了解的信息</p>
                <input type="text" name="info" value="" id="info" style="text-indent: 0.1rem;" >
            </li>
        </ul>

        <div class="dotm_btn">
            <input type="submit" value="提 交" class="dotm_btn1">
        </div>

    </div>
</div>

<script>
  $(function(){
    var mobileSelect4 = new MobileSelect({
      trigger: '#trigger4',
      title: '地区选择',
      wheels: [{data:[
          {
            id:'1',
            value:'',
            childs:[
              {id:'A1',value:''},
            ]
          }
        ]}],
      transitionEnd:function(indexArr, data){

      },
      callback:function(indexArr, data){
        console.log(data);
        $('#sheng').val(data[0].id);
        $('#shi').val(data[1].id);
        $('#xian').val(data[2].id);
      }
    });
    $.ajax({
      type: "get",
      url: "http://oa.fc62.com/api/ajax/area",
      dataType: "json",
      success: function(res){
        mobileSelect4.updateWheels(res.data);
      }
    });
    $('.dotm_btn1').click(function(){
      var sheng = $('#sheng').val();
      var shi = $('#shi').val();
      var xian = $('#xian').val();
      var apply_1 = $("input[name='apply1']:checked").val();
      var apply_2 = $("input[name='apply2']:checked").val();
      var apply_3 = $("input[name='apply3']:checked").val();
      var name = $('#name').val();
      var tel = $('#tel').val();
      var weixin = $('#weixin').val();
      var email = $('#email').val();
      var info = $('#info').val();
      if(sheng == ""||sheng == null){
        layer.open({
          content: '请选择申请城市',
          skin: 'msg',
          time: 2 //2秒后自动关闭
        });
        return false;
      }
      if(name == ""||name == null){
        layer.open({
          content: '请填写姓名',
          skin: 'msg',
          time: 2 //2秒后自动关闭
        });
        return false;
      }

      if(!(/^1[3456789]\d{9}$/.test(tel))) {
        layer.open({
          content: '请输入正确的手机号码',
          skin: 'msg',
          time: 2 //2秒后自动关闭
        });
        return false;
      }
      if(weixin == ""||weixin == null){
        layer.open({
          content: '请填写微信号',
          skin: 'msg',
          time: 2 //2秒后自动关闭
        });
        return false;
      }
      var myreg = /^([\.a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/;
      if(!myreg.test(email)){
        layer.open({
          content: '邮箱格式不正确，请重新填写',
          skin: 'msg',
          time: 2 //2秒后自动关闭
        });
        return false;
      }
      $.ajax({
        type: 'post',
        url:"/api/Activity/recruit" ,
        data:{sheng:sheng,shi:shi,xian:xian,apply_1:apply_1,apply_2:apply_2,apply_3:apply_3,name:name,tel:tel,weixin:weixin,email:email,info:info},
        success: function(data){
          layer.open({
            content: data.msg,
            skin: 'msg',
            time: 2, //2秒后自动关闭
            end:function(){
              window.location.reload()
            }
          });
        }
      });
    });
  });




</script>
</body>

</html>